وب چيست؟ مفهوم و تاريخچه وب

امروزه سه حرف انگليسي w در کنار هم شبکه جهاني اينترنت را در اذهان تداعي مي کند. اما بسياري هنور مفهوم و تاريخچه اين سه حرف را نمي دانند.

 

WWW مخفف عبارت World Wide Web مي باشد. که با عنوان W3 هم شناخته مي شود Web وب به معني تار و World Wide به معني گستره جهاني است. و در کل اين سه کلمه در کنار هم مفهوم تار جهاني يا تار گستر جهاني را مي دهند. اشاره دارد به تاري که کل جهان را احاطه کرده باشد.

 

واژه وب امروزه به صفحات اينترنتي گفته مي شود که با مرورگرهاي اينترنتي قابل مشاهده هستند.

پيشنهاد WWW و پروژه وب نخستين بار در سال 1990 در پروپزال تيم برنرز لي با همکاري رابرت کارلياو ارائه شد. وي طرح شبکه اي را مطرح کرد که صفحات متني بتوانند بصورت يک طرفه توسط بازديدکننده و يک نرم افزار مرورگر مشاهده شوند. وي پيشنهاد کرد که صفحات بتوانند به يکديگر مرتبط شوند و از طريق يک آدرس هر کس بتواند مقالاتي بنويسد که در نهايت از طريق لينک هاي ارتباطي شخصي از يک طرف جهان بتواند به منبعي در سوي ديگر دسترسي داشته باشد. در اين طرح از صفحات فقط قابل خواندني صحبت شد که خواننده بصورت يکطرفه آنهارا ببيند و در صورت تغييرات بصورت اتوماتيک به وي اطلاع داده شود. يعني چيزي که امروز به عنوان RSS همه گير شده است.

 

بعد از مدلسازي پروژه ، برنرز لي کليه مقدمات لازم براي پياده سازي طرح وب را فراهم کرد. از جمله بکارگيري يک کامپيوتر به عنوان اولين وب سرور جهان با نام NeXT و همچنين اولين مرورگر جهان با همين نام . تصويري که مشاهده مي کنيد عکس کامپيوتر "نکست" اولين سرور وب است.

 

اولين کامپيوتر سرور هاست جهان بنام نکست

 

برنرز هر آنچه را که لازم ميديد اجرا کرد و همچنين اولين صفحات وب در جهان را در سال 1991 ساخت. او در مقاله اي توضيحاتي پيرامون شبکه جهاني اينترنت و وب داد.

 

از بسياري رسانه ها نقل شده است که اولين عکس وب در سال 1992 توسط خود برنرز آپلود شد عکس که تيم پايگاه CERN را نشان ميداد. جايي که پروژه وب در آن عملي شد.

 

پروژه برنرز لي اساس شبکه اينترنت امروزي شد و سه اساس مهم در وب که عبارتند از

 

1- آدرس اختصاصي شناسايي منبع صفحات يا URL

 

2- انشار متون بوسيله تگ ها يا HTML

 

3- پروتکل ارسال صفحات وب HTTP  طراحی وب سایت 

 

اين اصول همچنان در تکنيک هاي طراحي سايت بکار مي رود.پايه اي که برنز لي بنا نهاد به سرعت گسترش يافت و خيلي زود پروژه جهاني اينترنت به تحقق پيوست. امروزه ميليون ها آدرس وب در هزاران سرور جهان ثبت شده اند. سايت هايي که طبق پايه نظريه برنز به يکديگر لينک هستند و همچنين از تکنولوژي وي يعني تگ گذاري متون يا HTML بهره مي برند. شبکه اي که به درستي مانند تار به يکديگر تنيده شده و سراسر گستره جهان را در بر گرفته است.

 

امروزه گرچه عبارت www به عنوان پيشوند آدرس سايت ها پذيرفته شده است اما ديگر از نظر تکنيکي الزامي نيست. اما عادت ديرينه شبکه وب استفاده از اين پسوند که به زير دامنه مبدل گشته است را مرسوم ساخته است.

 

وب امروزي برپايه نظريات بنز استوار شد اما روز به روز در حال توسعه و تحول است. يکي از تحولات مهم بعد از پيدايش وب بحث استفاده از برنامه نويسي پويا در وب يا به عبارت ساده تر بهره گيري از صفحات وب متغير است. پروژه اي که برنز آنرا نخستين بار پياده سازي کرد بر مبناي متون ثابت (استاتيک) بود اما هم اکنون صفحات متغير وب (دايناميک) وب سايت هايي با قابليت هاي حيرت انگيز و برنامه ريزي شده خلق کرده است. وب سايت هايي که گاه نقش خبرگزاري را دارند ، گاه پايگاه ويديويي مي شوند و گاه مانند ربات در شبکه مي خزند.

 

وب جهاني اينترنت به دنيايي مبدل گشته که حتي آنرا با عنوان دنياي مجازي مي شناسند . گويي اين تار جهاني پيوسته در حال تنيده شدن است و کليه امور به طرف خود جذب مي کند. اموري که حتي بحث هاي امنيتي را تحت وب پديد آورده و جنگ هاي سايبري را شکل داده . آنچه مسلم است مفهوم امروز وب با آنچه برنرز در روز نخست پروپزال خود مي پنداشت فاصله زيادي دارد.

 

در تصوير مي بينيد از چپ به راست رابرت کارلياو ، جين فرانشيوز از شرکت IBM و تيم برنرز لي - اين عکس در دهمين سالگرد تار گستر جهاني گرفته شده است

 

 

Tags: educational templates, educational trends in design, Educational Website Design, Educational website style, educational website templates, Educational websites

Posted in Showcases, Uncategorized, Useful Tips, WordPress Themes

 

Education rules the nation! Kindergartens, schools, colleges, univer

The reason why we decided to talk about educational website design is the relevancy of this topic in the mode world. Educational websites gain their popularity day by day. Choosing the right school or kindergarten for their kids, parents mostly rely on Inteet resources. The same situation touches student milliseconds. The importance of first impression can play a great role for your web service. Taking into account that the potential visitors of such websites are mostly young people, website owners have to follow all the newest trends of Educational website style. A weighty part in this case also takes information. Site has to be a source of any kind of information conceing educational process, conditions and regulations.

 

Let us make it clear: what makes educational sites successful?

 

Call-to-action. The goal of your site is to involve more clients to your school, kindergarten, etc. Make them want to visit your institution. Show the advantages of it, use more photo and video materials.

Well-built structure. Education services tend to have a lot of content including schedules, documentation for each program, reports and so on. Make sure your content is easy to search around and features clear navigation that makes sense to your visitors.

Make it look smart. The visitors associate your website with what your school does.

Today we will try to showcase you the most popular educational trends in design based on our templates collection that you may find interesting to apply for your future service:

 

  Vivid And Eye-Catchy Design

 

 

Bright design better suits educational sites for kids. There is nothing more friendly than colorful and jolly childish site design like this. Childhood is the happiest time for your children and they have to spend it in a friendly atmosphere.

 

اين همان جواب سوال بالاست . با exteal مي توانيد يک استايل را براي تمام صفحات داشته باشيد و فقط کافي است اين فايل را به صفحه مورد نظر وصل کنيد .

البته دلايل بيشتري هم براي انتخاب exteal   وجود دارد که در دوره پيشرفته خواهم گفت .

 

نحوه ساخت يک Exteal CSS:

 

اديتور خود را باز نماييد و متن css  خود را در آن بنويسيد

 

    /*

    CSS for Bubble Under site

    */

    p {

    font-weight: bold;

    color: blue;

    }

 

سپس فايل را با نام style1.css  ذخيره کنيد همان طوري که فايل html   را ذخيره نموديد . حالا مي بايست فايل ساخته شده را به صفحه متصل نماييد.

نکته : فوايد استفاده از کامنت در css  همانند  html   مي باشد و براي تفکيک کد هاي  css  در پروژه هاي بزرگ و گروهي استفاده مي شود. براي اين منظور از عبارت زير استفاده مي کنيم :

 

    /* comment hear */

 

 

اضافه کردن exteal css به صفحات html:

 

براي اين کار از عنصر link  داخل تگhead   استفاده مي کنيم بدين ترتيب:

 

    <head>

    <title>Bubble Under - The diving club for the south-west

    UK</title>

    <meta http-equiv="Content-Type"

    content="text/html; charset=utf-8"/>

    <link href="style1.css" rel="stylesheet" type="text/css"/>

    </head>

 

 

Href  به فايل css  شما اشاره مي کند . عناصر rel , type  به مرورگر بيان مي کند نوع لينک شما چيست تا مرورگر محتواي صفحه را طبق آن تنظيم کند .

نکته : عنصر لينک يک تگ empty   است و نمي توان آن را در Xhtml به صورت container نوشت .

پس نتيجه مي گيريم که exteal css   در طراحي سايت ها از همه مناسب تر است و تنها در مواردي مجبوريم که از inline  و يا embedded  استفاده کنيم . براي اين که درک اين مطلب براي شما ساده تر باشد به  سايت خودم يک سري بزنيد و سورس 2 و يا 3 صفحه آن را مشاهده نماييد(براي ديدن تصوير بزرگ روي هر نصوير کليک کنيد) :

 

صفحه اول :

 

design-web-54.gif

 

صفحه دوم:

 

design-web-55.gif

 ميتوانيد ببينيد که همه صفحات به يک css  وصل شده اند.

 

اگر به 2 تصوير بالا دقت کنيد و يا سورس وب سايت را ببينيد ، متوجه عنصري به نام media خواهيد شد.

به طور خلاصه اين عنصر براي هدف قراردادن سي اس اس براي مدياي خاص مثل screen و يا موبايل و يا مثلا ظاهر صفحه در زمان پرينت است. مثل هميشه توصيه ميکنم در اين مورد بيشتر تحقيق کنيد.

نکته :

آدرسي که در مثال بالا براي css مشاهده مي فرماييد يک آدرس دهي مطلق است که استفاده از آن بري شما ضرورتي ندارد . يعني اگر فايل css  شما کنار فايل html  شماست بايد از روش زير استفاده نماييد :

 

    <link href="style1.css" rel="stylesheet" type="text/css"/>

 

 

در جلسه آينده وارد بحث css مي شويم و نحوه نوشتن استايل براي عناصر مختلف صفحه را مررور مي کنيم.

مثل هميشه منتظر نظرات انتقادات و البته پيشنهادات شما هستم و اين کامنت ها و هم چنين استقبال شماست که ما را به ادامه کار

دلگرم خواهد کرد .